<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
	    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <style type="text/css">
        body{font-size:12px}
        .left,.right{width:50px; height:40px; line-height:40px; float:left; text-align:center; cursor:pointer}        
        #scroll{width:400px; height:40px; overflow:hidden; float:left}
        #inner{width:800px; height:40px;}
        ul{padding:0; margin:0 auto}
        #inner ul{width:800px; list-style:none;height:40px} 
        #inner ul li{width:100px; float:left; list-style:none; line-height:40px; text-align:center}        
        #page a{ margin:0px 10px; text-decoration:none}
    </style>
    <script src="../../../src/js/jquery.js" type="text/javascript"></script>  
    <script src="../../../src/js/51ui.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
			$('.pinyin_index option').each(function(){
				$(this).html($.pinyin.getFirst($(this).html())+'&nbsp;&nbsp;'+$(this).html());
			})
        })
    </script>
</head>
<body>
<select style="width:350px;" class="pinyin_index"  >
	<option value="">北京</option>
	<option value="">河北</option>
	<option value="">河南</option>
	<option value="">广州</option>
	<option value="">沈阳</option>
	<option value="">山东</option>
	<option value="">陕西</option>
</select>
</body>
</html>